/** 统计表 **/
.charts-box {
    height: 15em;
}

.charts-box .column {
    height: 15em;
}

.charts-box .column.gauge {
    height: 9em!important;
}

/** 筛选框 **/
.search-box {
    border: 1px rgba(0, 0, 0, 0.2) solid;
    padding: 0.8em;
    margin-top: 1em;
    margin-bottom: 1em;
    position: relative;
    border-radius: 0.3em;
}

.search-box.close {
    text-align: center;
}

.search-box button {
    margin: 0 auto!important;
    display: inline-block!important;
}

.search-box .close-btn {
    position: absolute;
    left: 50%;
    margin-left: -1em;
    top: 0.8em;
    z-index: 1;
}

.search-box .clean-btn {
    position: absolute;
    right: 0.8em;
    top: 0.8em;
    z-index: 1;
}

.search-box .column {
    margin-bottom: 0!important;
    margin-top: 0!important;
    padding-top: 1em!important;
    padding-bottom: 0!important;
}

.search-box .column input {
    margin-top: 0.2em!important;
}

.search-box .buttons {
    margin-top: 0.5em;
}

.search-box .focus {
    border:1px #85b7d9 solid!important;
}

/** 日志表 **/
.log-table .log-row table {
    background: #eee;
    font-size: 12px;
    margin-top: 0.5em;
    width: 100%;
}

.log-table .log-row p {
    color: #999;
}

.log-table .log-row p em {
    color: rgba(0, 0, 0, 0.87);
}

.log-table .log-row .error {
    color: #dc143c;
}

.log-table .log-row .menu .item {
    padding: 0.4em 0.7em!important;
}

.log-table .log-row .browser span {
    display: inline-block;
    background: grey;
    color: white;
    font-size: 0.7em;
    text-transform: lowercase;
    padding: 0 0.2em;
}

@keyframes log-move-in {
    from {
        left: 4em;
        opacity: 0.3;
        height: 0.1em;
    }
    to {
        left: 0;
        opacity: 1;
        height: 2.2em;
    }
    100% {
        position: relative;
    }
}

.log-table .log-line {
    -webkit-animation-name: log-move-in;
    -moz-animation-name: log-move-in;
    -o-animation-name: log-move-in;
    animation-name: log-move-in;
    -webkit-animation-duration: 0.1s;
    -moz-animation-duration: 0.1s;
    -o-animation-duration: 0.1s;
    animation-duration: 0.1s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;

    border-bottom: 1px solid rgba(34,36,38,.1);

    position: absolute;
    overflow: hidden;
    height: 0;
    white-space: nowrap;
    text-overflow-ellipsis: ellipsis;
}

.log-table .log-td {
    position: relative;
    overflow: hidden;
    border: 0!important;
}

.log-table .log-animation-init {
    position: absolute;
    left: 4em;
    right: 0.1em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow-ellipsis: ellipsis;
    opacity: 0;
    height: 0;
    /**display: none;**/
}

.log-table .preview-box {

}

.log-table .map-box {
    height: 20em;
}

.log-table .map-box .anchorBL {
    left: auto!important;
    right: 1em!important;
}

.log-table .map-box .BMap_cpyCtrl.anchorBL {
    display: none;
}
